<template>
    <div class="search">
      <input type="text" placeholder="输入城市名或拼音" class="search-input">
    </div>
</template>

<script>
    export default {
        name:"CitySearch"
    }
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
.search{
   height:0.72rem;
   background :$bgColor;
   padding :0.1rem
   .search-input{
       height :0.62rem;
       box-sizing :border-box;
       line-height :0.62rem;
       width:100%;
       text-align:center;
       border-radius :0.1rem;
       color:#666;
       padding :0 0.1rem
   }
}
</style>